html,
body {
	height: 100%;
	width: 100%;
}

html,
body,
div {
	margin: 0px;
	padding: 0px;
}

* {
	font-family: "微软雅黑";
}

.g-left {
	width: 250px;
	height: 100%;
	background-color: rgb(43, 51, 62);
	float: left;
}

.m-nav,
.m-nav li,
.m-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: white;
	cursor: pointer;
	color: rgb(174, 183, 194);
}

.m-nav a{
	color:rgb(174, 183, 194);;
	text-decoration: none;
}

.m-nav li:hover {
	color: white;
}

.m-nav li span {
	width: calc(100% - 70px);
	display: inline-block;
	padding: 20px 20px 20px 50px;
}

.m-nav ul{
	display: none;
}

.m-nav ul li {
	width: calc(100% - 95px);
	display: inline-block;
	padding: 20px 20px 20px 75px;
}

.m-nav li span i:first-child {
	margin-right: 10px;
}

.m-nav li span i:last-child {
	float: right;
}

.m-nav li span:hover {
	background-color: rgb(37, 44, 53);
	color: white;
}

.m-active,
.m-li-active {
	background-color: rgb(37, 44, 53);
	color: white !important;
}

.m-li-active>a{
	color: white;
}

.m-active span>a {
	color: white;
	border-left: 5px solid rgb(0, 170, 255);
	padding-left: 45px !important;
}

.m-active ul{
	display: block !important;
}

.m-active span i {
	color: rgb(0, 170, 255);
}

.g-right {
	width: calc(100% - 250px);
	height: 100%;
	float: left;
}

.g-status {
	width: 100%;
	height: 50px;
	background-color: rgb(215, 221, 228);
}

.g-status a,
.g-status span {
	color: rgb(79, 95, 111);
	text-decoration: none;
	font-size: 14px;
}

.g-status a{
	margin-right: 10px;
}

.g-status>div {
	display: inline-block;
	float: right;
	margin-right: 20px;
}

.m-switch {
	font-size: 25px;
	line-height: 50px;
	margin-left: 20px;
	color: rgb(126, 142, 159);
	cursor: pointer;
}

.g-status>div>i:nth-of-type(1),
.g-status>div>i:nth-of-type(2),
.g-status>div>i:nth-of-type(3) {
	font-size: 14px;
}

